<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            background-color: #85718c;
            margin:0;
            width : 2000px;
            height : 1200px;
        }
        h1{
            text-align: center;
        }
        .ta{
            margin: auto;
            width: 100%;
            height: 100%;
        }
        .div{
        	
            opacity: 0.6;
            position: relative;
            width: 400px;
            /* height: 100px; */
            /* padding-bottom: 50%; */
            height: 350px;
            text-align: center;
            background-color: rgb(194, 172, 198);
            margin-top: 50px;
            /* margin-bottom: 0; */
     /*       margin: auto;*/
             margin-left: 600px;
            top: 200px;
            border-radius: 30px;
        }
        td button{
            width: 50%;
            margin-left: -20%;
            margin-top: 10%;
            margin-bottom: 10%;
            border-radius: 10px;
        }
        td button:hover{
            background-color:#701578;;
        }




		.tital{
		  		position:fixed;
		  		opacity: 0.5;
		  		width:100%;
		  		background-color : white;
		  		top:0px;
		  		height:70px;
		  		z-index:100;
		}
		.tital img{
		  		position: absolute;
		  		left :0;
                right:0;
                height:100%;
		  		margin :auto;
        }
        .tr {
          height: 70px;
          margin-top: 80%;
          margin-bottom: 10%;
          font-size: 18px;
        }


    </style>
    <script>
    	
    	
    </script>
</head>
<body  background="img/3.jpg"
    style=" background-repeat:no-repeat ;
    background-size:2000px,1000px; 
    background-attachment:fixed;">


    
    <div class="tital"><img src="img/login.png" ></img></div>


    <div class="div">
        <form value=""  name="myForm" action="login" onsubmit="return cc()" method="post"  align="center">
        <table  class="ta" >
            <caption align="top">登录信息</caption>
            <tr class="tr" >
                 <td>user-name</td>
                 <td><input type="text" value="" onblur="ck(this)" name="id" ></td>
            </tr>
        
            <tr class="tr">
                <td>password </td>
                <td><input type="text" value="" onblur="ck(this)" name="password"></td>
            </tr>

            <tr class="tr">
                <td>typeid </td>
                <td><input type="text" value="" onblur="ck(this)" name="typeid"></td>
            </tr>

            <tr>
                <td></td>
                <td><button>登录</button></td>
            </tr>
            </table>
        </form>
    </div>
    
</body>
</html>